<!DOCTYPE html>
<html>
<head>
    <title>Dạ Yến</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="images/css/style.css"/>
    <!--[if !lt IE 7]><![IGNORE[--><![IGNORE[]]> <link href="images/css/style.ie7.css" rel="stylesheet" type="text/css"> <!--<![endif]-->
    <script src="images/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="images/js/selectbox-0.2.min.js"></script>
    <link href="images/css/jquery.selectbox.css" type="text/css" rel="stylesheet" />

    <script type="text/javascript">
        $(document).ready(function() {
            $('.tab-product-detail>div:not(:first)').hide();
            $('.tab-product-detail>ul li').click(function() {
                var divId = $(this).attr('id');
                $('.tab-product-detail>ul li').removeClass('active');
                $(this).addClass('active');
                $('.tab-product-detail>div').hide();
                $('.tab-product-detail div.'+divId).show();
            });

            $(".weight-to-cart-option").selectbox();
        });
    </script>
</head>
<body>
<div id="header">
    <div id="menu">
        <div class="menu">
            <ul class="nav">
                <li><a href="#">GIỚI THIỆU</a></li>
                <li><a href="#">SẢN PHẨM</a></li>
                <li><a href="#">NHÀ HÀNG</a></li>
                <li><a href="#">CHẾ BIẾN</a></li>
                <li><a href="#">KHUYẾN MÃI</a></li>
                <li><a href="#">TIN TỨC</a>
                    <div class="up"><img src="images/up.png" /></div>
                    <ul>
                        <li><a href="#">Yến sào Dạ Yến</a></li>
                        <li><a href="#">Nhà chim Dạ Yến</a></li>
                        <li><a href="#">Công dụng của Tổ yến</a></li>
                        <li class="navliend"><a href="#">Các loại tổ yến</a></li>
                    </ul>
                </li>
                <li><a href="#">LIÊN HỆ</a></li>
            </ul>
            <div class="patterntop"></div>
            <div class="patternbottom"></div>
            <div class="logo"><a href="#"><img src="images/logo.png" alt="Logo"/></a></div>
            <div class="form-login">
                <div class="register">
                    <img src="images/icon-message.png" alt=""/> <a href="#">Register</a>
                </div>
                <div class="login">
                    <img class="icon-up" src="images/icon-up.png" alt=""/>
                    <img height="16" src="images/icon-login.png" alt=""/> <a href="#">Đăng nhập</a>
                    <div class="form-login-02">
                        <form action="" method="post">
                            <span>Email:</span>
                            <input type="text" name="email" value=""/>
                            <span>Email:</span>
                            <input type="password" name="password" value=""/>
                            <input type="submit" value="Login"/>
                        </form>
                    </div>
                </div>
            </div>
            <div class="lineheadertop"></div>
            <div class="lineheaderbotom"></div>
            <div class="lineheadertop2"></div>
            <div class="lineheaderbotom2"></div>
        </div>
    </div>
</div>
<div id="content">
    <div class="maincontent">
        <div class="productsdetails">
            <div class="col2">
                <div class="col2-top">
                    <div class="patterntopsubmenu fl"><img src="images/patterntopsubmenu.png" alt=""/></div>
                    <div class="submenuitem heightauto"><a href="#">Sản phẩm</a>
                        <div class="cl"></div>
                        <div class="submenuitemsub"><a href="#">Tổ yến - Yến sào</a></div>
                        <div class="submenuitemsub"><a href="#">Công cụ dẫn dụ</a></div>
                    </div>
                    <div class="submenuitem"><a href="#">Giỏ hàng</a>
                        <div class="cl"></div>
                        <div class="submenuitemsub"><a href="#">Xem giỏ hàng<br>(<span style="color: #bd171d;">0</span> sản phẩm)</a></div>
                        <div class="submenuitemsub"><a href="#">Lịch sử mua hàng</a></div>
                    </div>
                    <div class="submenuitem"><a href="#">Hướng dẫn</a>
                        <div class="cl"></div>
                        <div class="submenuitemsub"><a href="#">tdanh toán</a></div>
                        <div class="submenuitemsub"><a href="#">Giao hàng</a></div>
                        <div class="submenuitemsub"><a href="#">Điểm bán hàng</a></div>
                    </div>
                    <div class="submenuitem"><a href="#"></a>
                        <div class="cl"></div>
                        <div class="submenuitemsub"><a href="#">CHÍNH SÁCH ĐỔI TRẢ HÀNG HÓA</a></div>
                    </div>
                    <div class="submenuitem"><a href="#"></a>
                        <div class="cl"></div>
                        <div class="submenuitemsub"><a href="#">KHUYẾN MÃI TRONG tdÁNG</a></div>
                    </div>
                    <div class="pattern-bottom-col2 fl"><img src="images/patternbottomsubmenu.png" alt=""/></div>
                    <div class="bottom-left-col2-top"><img src="images/bottom-left-col2-top.png" alt=""/></div>
                    <div class="bottom-right-col2-top"><img src="images/bottom-right-col2-top.png" alt=""/></div>
                </div>
                <div class="col2-banner">
                    <img src="images/skm-08.png" alt=""/>
                    <img src="images/banner-hotline.jpg" alt=""/>
                </div>
                <div class="col2-support-online">
                    <div class="title-support-online">Hỗ trợ online</div>
                    <div class="main-support-online">
                        <a href=""><img src="images/yahoo-hidden.jpg" alt=""/></a>
                        <a href=""><img src="images/yahoo-show.jpg" alt=""/></a>
                        <a href=""><img src="images/skype-show.jpg" alt=""/></a>
                        <a href=""><img src="images/skype-hidden.png" alt=""/></a>
                    </div>
                </div>
            </div>
            <div class="col1">
                <div class="titleproductsdetails">
                    Tổ yến đảo sạch
                </div>
                <div class="products">
                    <div class="slideproducts">
                        <div class="imgproductsdetails fl">
                            <img src="images/productsslide.jpg" />
                        </div>
                        <div class="thumnailproducts fl">
                            <div class="thumnailproductsitem">
                                <img src="images/productsslide1.jpg" />
                            </div>
                            <div class="thumnailproductsitem">
                                <img src="images/productsslide1.jpg" />
                            </div>
                            <div class="thumnailproductsitem">
                                <img src="images/productsslide1.jpg" />
                            </div>
                            <div class="product-item">
                                <form action="" method="post">
                                    <input class="button-add-to-cart" type="submit" value="Đặt hàng"/>
                                    <div class="data-add-to-cart">
                                        <div class="price-product">9.500.000 VND</div>
                                        <div class="weight-to-cart">
                                            <select class="weight-to-cart-option">
                                                <option value="100">100g</option>
                                                <option value="200">200g</option>
                                                <option value="300">300g</option>
                                                <option value="300">400g</option>
                                                <option value="300">500g</option>
                                            </select>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="tab-product-detail">
                        <ul class="tab-ul">
                            <li class="active" id="information">Thông tin</li>
                            <li id="price">Giá cả</li>
                            <li id="promotion">Khuyến mãi</li>
                        </ul>
                        <div class="information">
                            <div class="desproductsdetails">
                                <p>
                                    Nội dung bên dưới dùng trình soạn thảo để chỉnh sửa (ckeditor, tmy ...). Nên khỏi cần cắt html và css.
                                </p>
                                <p>
                                    Hai loại yến thường sống trong các hang động là loài yến Fuciphaga (yến hàng) và yến Maxima (yến tổ đen). Nhưng chỉ loại tổ yến của yến hàng là được biết dưới tên yến đảo trên thị trường. Do tính chất nguy hiểm và hạn chế số lưỡng đảo có thể khai thác nên loại tổ yến này thường có giá cao nhất so với các loại tổ yến khác trên thị trường. 
                                    Yến đảo, với những điều kiện tự nhiên trên đảo, thường có hình dạng giống như 1 cái chén, thân dầy và cứng. Hình dạng tổ giống như chén, sẽ giúp bảo vệ trứng hoặc yến non không bị các loài vật khác ăn mất và đứng vương trước thời tiết. Chân tổ yến cần cứng để có thể gắn chặt vào tường vì các hang động thường có độ ẩm cao. Tổ loài yến này được tìm thấy ở Việt Nam, Thái lan, Malaysia và Indonesia
                                </p><br /><br />
                            </div>
                        </div>
                        <div class="price">Tab price Tab price Tab price Tab price Tab price Tab price Tab price Tab price</div>
                        <div class="promotion">Tab promotion Tab promotion Tab promotion Tab promotion Tab promotion Tab promotion</div>
                    </div>
                    <div class="productssame">
                        <div class="titleproductssame">SẢN PHẨM LIÊN QUAN</div>
                        <div class="newsitem productssameitem">
                            <div class="imgnews fl"><a href="#"><img src="images/news.jpg" alt=""/></a></div>
                            <div class="infonews fl">
                                <div class="titlenews"><a href="#" title="TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)">TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)</a></div>
                            </div>
                        </div>
                        <div class="newsitem newsitemtwo productssameitem">
                            <div class="imgnews fl"><a href="#"><img src="images/news.jpg" alt=""/></a></div>
                            <div class="infonews fl">
                                <div class="titlenews"><a href="#" title="TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)">TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)</a></div>
                            </div>
                        </div>
                        <div class="newsitem productssameitem">
                            <div class="imgnews fl"><a href="#"><img src="images/news.jpg" alt=""/></a></div>
                            <div class="infonews fl">
                                <div class="titlenews"><a href="#" title="TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)">TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)</a></div>
                            </div>
                        </div>
                        <div class="newsitem newsitemtwo productssameitem">
                            <div class="imgnews fl"><a href="#"><img src="images/news.jpg" alt=""/></a></div>
                            <div class="infonews fl">
                                <div class="titlenews"><a href="#" title="TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)">TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)</a></div>
                            </div>
                        </div>
                        <div class="newsitem productssameitem">
                            <div class="imgnews fl"><a href="#"><img src="images/news.jpg" alt=""/></a></div>
                            <div class="infonews fl">
                                <div class="titlenews"><a href="#" title="TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)">TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)</a></div>
                            </div>
                        </div>
                        <div class="newsitem newsitemtwo productssameitem">
                            <div class="imgnews fl"><a href="#"><img src="images/news.jpg" alt=""/></a></div>
                            <div class="infonews fl">
                                <div class="titlenews"><a href="#" title="TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)">TỔ YẾN ĐẢO THÔ CÒN NGUYÊN TỔ (100 GR)</a></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="bottomfaq"><img src="images/bottomfaq.png" alt=""/></div>
            </div>
        </div>
    </div>
    <div class="maincontent">
        <div class="deals">
            <div class="dealsitem">
                <a href="#">
                    <img src="images/km-01.jpg" alt="" width="311" height="132"/>
                </a>
            </div>
            <div class="dealsitem">
                <a href="#">
                    <img src="images/km-02.jpg" alt="" width="311" height="132"/>
                </a>
            </div>
            <div class="dealsitem dealsitem-end">
                <a href="#">
                    <img src="images/km-03.jpg" alt="" width="311" height="132"/>
                </a>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div class="footer">
        <div class="footeritem footeritem1">
            <div class="titlefooteritem">Giới thiệu</div>
            <div class="contentfooteritem">
                <span><a href="#">Yến sào dạ yến</a></span><br>
                <span><a href="#">Xây dựng dạ yến</a></span>
            </div>
        </div>
        <div class="footeritem footeritem2">
            <div class="titlefooteritem">Hệ thống</div>
            <div class="contentfooteritem">
                <span><a href="#">Điểm bán hàng</a></span><br>
                <span><a href="#">Nhà hàng</a></span><br>
                <span><a href="#">Thanh toán & giao hàng</a></span>
            </div>
        </div>
        <div class="footeritem footeritem3">
            <div class="titlefooteritem">Sản phẩm</div>
            <div class="contentfooteritem">
                <span><a href="#">Tổ yến</a></span><br>
                <span><a href="#">Yến sào</a></span>
            </div>
        </div>
        <div class="footeritem footeritem4">
            <div class="titlefooteritem">Chế biến</div>
            <div class="contentfooteritem">
                <span><a href="#">Công cụ của tổ yến</a></span><br>
                <span><a href="#">Công thức chế biến</a></span><br>
                <span><a href="#">Tin tức ngành yến</a></span><br>
                <span><a href="#">Sức khỏe</a></span>
            </div>
        </div>
        <div class="footeritem footeritem5">
            <div class="titlefooteritem">Tin tức</div>
            <div class="contentfooteritem">
                <span><a href="#">Hỏi đáp</a></span><br>
                <span><a href="#">Khuyến mãi</a></span><br>
                <span><a href="#">Chương trình liên kết</a></span>
            </div>
        </div>
        <div class="footeritem footeritem6">
            <div class="titlefooteritem">Tư vấn</div>
            <div class="contentfooteritem">
                <span><a href="#">Liên hệ</a></span><br>
                <span><a href="#">Tuyển dụng</a></span>
            </div>
        </div>
    </div>
</div>
<div id="bottom">
    <div class="bottom">
        <div class="top-bottom">
            <div class="top-bottom-left">
                <img class="logo-bottom" src="images/icon-logo-bottom.png" alt=""/>
                <div class="address-bottom">
                    <span class="name-company">Công ty tnhh dạ yến</span><br>
                    <span>Vp: số 31 đường 16, Him lam, Bình chánh, TpHCM</span><br>
                    <span>Tel: (08) 5431 9953 - Fax: (08) 5431 9954</span>
                </div>
            </div>
            <div class="top-bottom-right">
                <span class="phone-buy">Điện thoại đặt hàng</span>
                <img class="img" src="images/hot-line.png" alt=""/>
                <span class="phone">1800 58 58 44</span>
                <span class="slogan-01">Miễn phí gọi - Miễn phí giao hàng</span>
            </div>
        </div>
        <div class="bottom-bottom">
            <div class="address-left-right">
                <span class="name-province">Thành phố Hồ Chí Minh</span>
                <div class="list-province">
                    <ul class="list-province-left">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                    <ul class="list-province-right">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                </div>
            </div>
            <div class="address-left">
                <span class="name-province">Ha Noi</span>
                <div class="list-province">
                    <ul class="list-province-left">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                </div>
            </div>
            <div class="address-right">
                <span class="name-province">Da nang</span>
                <div class="list-province">
                    <ul class="list-province-left">
                        <li><span class="address">92 Hàm Nghi, P. Bến Nghé, Q. 1</span><span class="phone">(08) 3914 1592</span></li>
                    </ul>
                </div>
                <div class="share-socical">
                    <a href=""><img src="images/youtube.png" alt=""/></a>
                    <a href=""><img src="images/googleplus.png" alt=""/></a>
                    <a href=""><img src="images/facebook.png" alt=""/></a>
                    <br>
                    <br>
                    <p href="#">&copy; 2013 Công ty TNHH  Dạ Yến, All Rights Reserved</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>